<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>calculator</title>
  <link rel="stylesheet" href="calculator.css">
</head>

<body>
  <div id="calculator">
    <div class="inputbox">
      <div id="processBox"></div>
      <div id="results"></div>
    </div>
    <div class="buttons">
      <button class="operateBtn" id="delBtn">←</button>
      <button class="operateBtn" id="clearBtn">AC</button>
      <button class="operateBtn" id="*">×</button>
      <button id="7">7</button>
      <button id="8">8</button>
      <button id="9">9</button>
      <button class="operateBtn" id="/">÷</button>
      <button id="4">4</button>
      <button id="5">5</button>
      <button id="6">6</button>
      <button class="operateBtn" id="+">+</button>
      <button id="1">1</button>
      <button id="2">2</button>
      <button id="3">3</button>
      <button class="operateBtn" id="-">-</button>
      <button id="0">0</button>
      <button class="operateBtn" id="equalBtn">=</button>
    </div>
  </div>
  <script src="calculator.js"></script>
</body>

</html>